#D4CAA3

Color Details

HEX
#D4CAA3
RGB
rgb(212, 202, 163)
HSL
hsl(48, 36%, 74%)
CMYK
cmyk(0%, 5%, 23%, 17%)
Best text on this color #000000 (CR 12.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d4caa3
Contrast 12.78:1 AAA
White on #d4caa3
Contrast 1.64:1 Fail
#d4caa3 on Black
Contrast 12.78:1 AAA
#d4caa3 on White
Contrast 1.64:1 Fail

Tints & Shades

#ddd5b5
#e5dfc8
#eeeada
#aaa282
#7f7962
#555141

Complement & Analogous

#a5aed5
#c6d5a5
#d5b3a5

Triadic

#a5d5cb
#cba5d5

Monochrome

#555141 #7f7962 #d4caa3 #e5dfc8 #eeeada #f6f4ed

Analogous

#d5b3a5 #e2cac0 #d4caa3 #d1ddb7 #c6d5a5 #9eaa84

Complementary Mix

#7f7962 #d4caa3 #e5dfc8 #a5aed5 #c5cae4 #6b718a

Nearby Colors

#d4caa2
#d4caa4
#d4ca93
#d4cab3

Embed #D4CAA3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #D4CAA3

#D4CAA3 converts to RGB(212, 202, 163) and HSL(48, 36%, 74%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#D4CAA3 FAQs

What is the RGB value of #D4CAA3?
RGB: 212, 202, 163. Copy as CSS: rgb(212, 202, 163)
Is #D4CAA3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D4CAA3?
Complement: #a5aed5.
Does #D4CAA3 have good contrast on white or black?
On white: 1.64:1 (Fails AA). On black: 12.78:1 (AAA (normal text)).